<template>
<div :class="['layout',currentTheme]">
  <div class="wrap">
    <div class="top">
      <Information :name="name"></Information>
    </div>
    <div class="bottom">
      <Menu></Menu>
      <Main></Main>
    </div>
  </div>
</div>
</template>

<script>
import Menu from './Menu.vue'
import Information from './Information.vue'
import Main from './Main.vue'

export default {
  name: 'home',
  computed: {
    currentTheme() {
      return this.isNightMode;
    }
  },
  components: {
    Menu,
    Information,
    Main
  },
  props: {
    msg: String
  },
  created(){
    this.isNightMode = localStorage.getItem("isNightMode")
  },
  data() {
    return {
      count: 0,
      name: '游客',
      isNightMode:''
    }
  },
  methods:{
  }
}
</script>

<style scoped>
.wrap{
  display:flex;
  flex-direction: column;
  background: #f0f2f5;
}
.bottom{
  margin-top: 50px;
  height: calc(100vh - 50px);
  overflow: hidden;
  display: flex;
}
</style>
<style>
body{
  margin: 0 !important;
  padding: 0;
}
</style>
